<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0;padding: 0}

        html{
            width: 100%;
        }
        #all{
            width:  50vh;
            height: 90vh;
            /*border: 1px solid black;*/
            margin: 0 auto;
            margin-top: 5vh;
        }
        #all div{
            width: 100%;
            height: 17.8vh;
            /*border: 1px solid red;*/
            font-size: 17px;
            font-weight: bolder;
        }
        #all div img{
            float: left;
        }
        #all div p{
            margin-top: 6px;
        }
        #all div div{
            height: 8vh;
            border-bottom: 1px solid black;
        }
        #all > div > p{
            font-size: 14px;
            font-weight: lighter;
        }
    </style>
</head>
<body>
<div id="all">

    <div>
        <div>
            <img src="img/dress01.png">
            <p>夏季流行</p>
        </div>
        <p>夏季新品 雪纺裙 短袖T 铅笔裤 短裤 短袖衬衫 小脚牛仔裤</p>
        <p>开衫 蕾丝/雪纺衫 韩版外套 小西装 中长款裙</p>
    </div>

    <div>
        <div>
            <img src="img/dress02.png">
            <p>上装</p>
        </div>
        <p>T恤 衬衫 针织衫 长袖T 韩版T 情侣衫 雪纺衬衫 韩版衬衫</p>
        <p>防晒衣 休闲套装 卫衣 背心/吊带</p>
    </div>

    <div>
        <div>
            <img src="img/dress03.png">
            <p>裙子</p>
        </div>
        <p>连衣裙 半身裙 长裙 短袖裙 蕾丝连衣裙 长袖裙 无袖/背</p>
        <p>心裙 A字裙 牛仔裙 半身中长裙 半身短裙 包臀裙</p>
    </div>

    <div>
        <div>
            <img src="img/dress04.png">
            <p>裤子</p>
        </div>
        <p>裤子 休闲裤 牛仔裤 打底裤 长裤 哈伦裤 阔腿裤 短裤/热</p>
        <p>裤 连体裤 七/九分裤 牛仔短裤 西装裤</p>
    </div>

    <div>
        <div>
            <img src="img/dress05.png">
            <p>其他女装</p>
        </div>
        <p>胖M装 中老年 婚纱 礼服 旗袍 夜店 舞台装 唐装 职业装</p>
        <p>全球购 羊绒衫 毛衣 呢大衣 羽绒服 真皮皮衣</p>
    </div>
</div>
</body>
</html>